<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Daaa</title>
  <style>
    .pink {
      background-color: pink;
    }
  </style>
  <!-- 若同时存在，外部和内嵌式谁在前面就先执行谁 -->
  <!-- 外部js -->
  <script src="my.js"></script>

  <!-- 内嵌式，一打开就会弹出 -->
  <script>

    alert('neiqian');//记得加分号。括号里面是单引号
    prompt('随便输入几个数字吧');//会弹出一个输入框
    // console 控制台输出，给程序员看的
    console.log('我是程序员看到的')
  </script>

</head>

<body>
  <!-- 行内式js -->
  <button onclick="alert('行内')" class="pink">123</button>
  <button class="pink">按钮1</button>
  <button>按钮2</button>
  <button>按钮3</button>
  <button>按钮4</button>
  <h1>sds</h1>
</body>

</html>